/*marketing home*/
.home{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
	height: auto;
	margin-top: -73px;
	background-color: #fff;
	position: relative;
	z-index: 100;
	box-shadow: 10px 0px 5px -5px #ccc, -10px 0px 5px -5px #ccc;
}
.back{
	width: 100%;
	height: 7px;
	background-color: #d1d1d1;
}
.title{
	width: 1000px;
	height: 134px;
	line-height: 134px;
	margin: 0 auto;
}
.title p{
	font-size: 24px;
}
.title p span{
	font-weight: 700;
}
.home-logo{
	width: 100%;
	text-align: center;
	margin-bottom: 42px;
}
.titlelist{
	width: 1000px;
	height: 23px;
	margin: 0 auto;
	margin-bottom: 39px;
}
.titlelist img{
	cursor: pointer;
	opacity: 0.4;
}
.back-line{
	width: 100%;
	height: 6px;
	background-color: #e8e8e8;
}
.outline img{
	display: block;
	margin: 57px 0 45px 55px;
}
.outline-con img{
	margin: 0 0 92px 60px;
}
.feature img{
	display: block;
	margin: 0 0 34px 32px;
}
.feature-con img{
	margin: 0 0 0 60px;
}
p.feature-p{
	font-size: 14px;
	font-weight: 700;
	margin: 34px 0 32px 60px;
}
.substance img{
	display: block;
	margin: 108px 0 75px 32px;
}
.substance-con img{
	margin: 0 0 0 60px;
}
.example img{
	display: block;
	margin: 144px 0 50px 32px;
}
.focusus img{
	display: block;
	margin:90px auto 23px;
}
.focusus p{
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	padding-bottom: 23px;
}
/*移动端css*/
.mob-marketing-head{
	width: 100%;
	padding: 30px 5% 14px;
	height: auto;
}
.mob-marketing-head p{
	font-size: 12px;
}
.mob-marketing-head p span{
	font-weight: 700;
}
.mob-marketing-head img.marketinglogo{
	width: 30%;
	display: block;
	margin:30px auto 15px;
}
.mob-marketing-head div div{
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 700;
	margin: 14px 0;
}
.mob-marketing-head div div img{
	width: 20%;
}
.mob-marketing-head div div span{
	width: 50%;
	display:inline-block;
	color: #000;
}
.splitline{
	width: 100%;
	height: 5px;
	background-color: #e8e8e8;
}
/*mobile  website marketing content*/
.mob-marketing-con{
	width: 100%;
	height: auto;
	padding: 30px 0;
}
.mob-mar-con{
	overflow: hidden;
	width: 90%;
	margin:0 auto;
	height: auto;
}
.mob-explain{
	border-left: 2px solid #000;
	padding-left: 3px;
	box-sizing: border-box;
}
.mob-explain p.ch{
	font-size: 14px;
	font-weight: 700;
}
.mob-explain p.ch img{
	width: 12px;
	margin-left: 5px;
}
.mob-explain p.en{
	white-space: nowrap;s
	font-weight: 700;
	font-size: 10px;
	color: #949597;
}
.mob-exp img{
	width: 100%;
	margin:14px 0 10px;
}
.mob-exp p{
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	margin-bottom:29px;
}
.mob-chara p{
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	margin:14px 0 9px;
}
.mob-chara img{
	width: 100%;
}
.charablock,.charatblock{
	width: 100%;
	height: 137px;
	background-color: #f4f4f4;
	position: relative;
}
.charablock p.one,.charatblock p.one{
	font-size: 28px;
	font-weight: 700;
	position: absolute;	
	top:18px;
	color: #E2E2E4;
}
.charablock p.one{
	left: 16px;
}
.charatblock p.one{
	right: 16px;
}
.charablock img.left-cor,.charatblock img.left-cor{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
}
.charatblock img.left-cor{
	right: 0;
}
.charablock img.top-cor,.charatblock img.top-cor{
	position: absolute;
	right:15px;
	top: 25px;
	width: 20px;
}
.charatblock img.top-cor{
	left:15px;
}
.chara-com .second,.chara-com .third,.chara-com .four{
	font-size:12px;
}
.chara-com .second{
	font-weight: 700;
}
.charablock .chara-com,.charatblock .chara-com{
	position: absolute;	
	bottom:15px;
	text-align: right;
	line-height: 1.5;
}
.charablock .chara-com{
	right: 15px;
}
.charatblock .chara-com{
	left: 15px;
	text-align: left;
}
.chara-com div.lineline{
	width: 152px;
	height: 1px;
	background-color: #000;
}
img.characto,img.mob-charact{
	width: 100%;
	margin-top: 6px;
}
.charatblock .right-cor{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
}
div.ser-con{
	margin-top:50px;
	margin-bottom:20px;
}
img.s-c{
	display: block;
	margin:0 auto;
	width: 75%;
}
/*服务案例*/
.case img.fmcg{
	width: 25%;
	display: block;
	margin:31px auto 11px;
} 
.case .fmcg-case{
	width: 100%;
	border:1px solid #ccc;
	height: 184px;
}
.case .fmcg-case div{
	height: 40px;
	text-align: center;
	padding:0 10%;
	box-sizing: border-box;
}
img.left-linee,img.right-linee{
	width: 10%;
	vertical-align:8px;
}
.fmcg-case span,.retail-case span{
	display: inline-block;
}
.fmcg-case span{
	width: 60%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 20px;
}
img.wg{
	width: 40%;
	display: block;
	margin:auto;
	margin-top:5px;
}
img.kl{
	width: 60%;
	margin-top:20px;
}
.case .fmcg-case-other{
	height: 282px;
	margin-top: 6px;
}
img.retail,img.trade,img.travel{
	width: 25%;
	display: block;
	margin:86px auto 11px;
}
.retail-case{
	width: 100%;
	height: 200px;
	border:1px solid #ccc;
}
.case .retail-case div{
	text-align: center;
	margin-top: 20px;
}
img.left-linee,img.right-linee{
	width: 10%;
	vertical-align:8px;
}
.retail-case span{
	width: 70%;
	padding: 5px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 20px;
}
img.weblogo{
	display: block;
	margin:20px auto 0;
	width: 30%;
}
img.sw{
	width: 70%;	
	margin:20px auto 0;
}
.case .retail-case-other{
	height: 157px;
	margin-top: 6px;
}
img.leftt-linee,img.rightt-linee{
	width: 10%;
	vertical-align:17px;
}
.case .trade-case-other{
	height: 325px;
}
.case .travel-case-other{
	height: 242px;
}
div.idea{
	text-align: right;
	color: #ccc;
	margin: 26px 31px 48px;
}
div.idea p{
	font-size: 12px;
}
div.idea i{
	font-size: 13px;
}
.codeus img{
	width: 50%;
	display: block;
	margin:0 auto;
}
.codeus p{
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	margin-top: 8px;
}